iT邦幫忙

2022 iThome 鐵人賽

DAY 5
0

當我們要宣告變數時,時常都要思考要取甚麼命名,甚麼樣的命名才是好的命名。
今天我們會一起了解:

  • 變數的命名規則
  • 主流命名方式

變數名稱可以使用英文、數字、錢字號 $、與下底線_來組合取名

但要注意的是開頭不能是數字、大小寫有區分差別、可以使用 unicode 字元,也就是說中文也是可以用的(但在泛用性及開發習慣上還是建議使用英文命名,畢竟外國人看不懂中文)

// 正確且主流的命名方式
let myDinner = 1; 
let my_dinner = 1;

// 可以使用但不建議這樣做
let _myDinner = 1;
let 我的晚餐 = 1;

// 錯的,不能這樣用
let 666myDinner = 1; //開頭不能為數字
let @myDinner = 1; //開頭不能用$_以外的特殊符號
let const = 1; //保留字

// 大小寫不一樣
let myDinner = 1;
let mydinner = 1; //會被認為是不同的名稱

// 盡量保持有語意的命名,避免你的同事看不懂會想毀了你的桌面
let a1 = 1; //沒有語意的命名
let dksfjsdi = 1; //看不懂的命名
let myTable = 1; //有語意看得懂的命名

另外要注意的是有所謂的保留字關鍵字(Reserved Words、Keywords)
例如用來宣告變數的 varconstlet 或是像函式的 function
這些常見有功能的語法就會被歸類為保留字,是不能被使用的,避免混淆。

JavaScript Reserved Words
https://www.w3schools.com/js/js_reserved.asp

我們一樣可以使用開發人員工具來試錯:

看到 Unexpected token 代表遇到了保留字,建議更換不同的名稱。

主流常見的命名方式

  • 駝峰式命名(Camel Case)

    又分為

    1. 大駝峰(Upper Camal Case),兩個單字的開頭字母都是大寫:

      UpperCamel
      PineApple
      
    2. 小駝峰(Lower Camel Case),第一個單字開頭字母小寫,第二個單字開頭字母為大寫:

      lowerCamel
      pineApple
      

    在 JavaScript 中,資料類型和建造函式常使用大駝峰(Upper Camal Case),而方法則是使用小駝峰(Lower Camel Case),為了方便辨識與統一,大部分開發者都會遵循此命名規則。

  • 蛇型命名(Snake Case)

    使用下底線來連接每個單字,如:

    snake_case
    pine_apple_pineapple
    
  • 烤肉串命名(Kebab Case)

    使用減號 - 來銜接單字,如:

    kebab-case
    pine-apple-pineapple
    

其他還有如:

  • Pascal 命名法 (Pascal Case)
  • 匈牙利命名法 (Hungarian notation)

參考資料

線上課程
常見重點整理 - 命名慣例 & 開發時注意事項
常見重點整理
基礎但不簡單: 變數命名規則
命名規則 (程式設計)


上一篇
Day04 變數宣告 & 賦予值
下一篇
Day06 宣告方法:let、const、var 介紹
系列文
從基礎開始,用 JavaScript 從頭建立起程式肌肉 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言